.page-content {
    display: flex;
    justify-content: flex-start; /* Aligns content to the left */
}

.responsive-app-logo {
    width: 38%;
    max-width: 38%;
    min-width: 38%;
    height: auto;
    transition: all 0.3s ease;
    /* Remove display: block, margin, and float */
}
/* Tablet adjustments */
@media (max-width: 1024px) {
    .responsive-app-logo {
        width: 45%;
     max-width: 100%; /* Prevents it from getting too large on big screens */
    min-width: 98%; /* Prevents it from getting too small */
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .responsive-app-logo {
        width: 80%;
       max-width: 100%; /* Prevents it from getting too large on big screens */
    min-width: 98%; /* Prevents it from getting too small */
    }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
    .responsive-app-logo {
        width: 75%;
         max-width: 100%; /* Prevents it from getting too large on big screens */
    min-width: 98%; /* Prevents it from getting too small */
    }
}

/* Very small screens */
@media (max-width: 320px) {
    .responsive-app-logo {
        width: 85%;
       max-width: 100%; /* Prevents it from getting too large on big screens */
    min-width: 98%; /* Prevents it from getting too small */
    }
}